<%@page import="com.drerp.RH.carreira.RegraPlanoCarreira"%>
<%@page import="com.drerp.RH.Cargo"%>
<%@page import="com.drerp.RH.DAO.ColaboradorDAO"%>
<%@page import="com.drerp.RH.Colaborador"%>
<%@page import="com.drerp.RH.carreira.constantes.TiposRegraPlanoCarreira"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="StyleSheet" href="../styles.css" type="text/css" media=screen />

<title>Dr. ERP - Editar Plano de Carreira</title>

<script type="text/javascript" src="../js/jquery-1.7.1.js"></script>
<script type="text/javascript">
	function carrega_regra() {
		var value = $("#tipo").val();
		var func_id = $("#funcionario").val();
		var cargo_id = $("#cargo").val();
		var id = $("#id").val();
		
		$.ajax({
			url: "_regra.jsp?valor=" + value + "&func=" + func_id + "&cargo=" + cargo_id + "&id=" + id,
			success: function(data){
				$("#regra").html(data);
			}
		});
	}
	
	function carrega_select_funcionario() {
		var cargo_id = $("#cargo").val();
		
		$.ajax({
			url: "_select_funcionario.jsp?cargo_id=" + cargo_id,
			success: function(data){
				$("#select_funcionario").html(data);
				carrega_regra();
			}
		});
	}
	
	function completa_pagina() {
		$("#tipo").val() != <%= TiposRegraPlanoCarreira.GERAL.ordinal() %> ? $("#cargo").show() : $("#cargo").hide();
		$("#tipo").val() == <%= TiposRegraPlanoCarreira.FUNCIONARIO.ordinal() %> ? carrega_select_funcionario() : $("#funcionario").hide();
		
		carrega_regra();
	}
</script>

</head>
<body onload="completa_pagina()">

<jsp:include page="/nav/header.jsp" />

<div class="body">

	<jsp:include page="/nav/menu.jsp" />
	
	<div class="center">
		<h1>Editar Plano de Carreira</h1>

<% 
	long regraId = Long.parseLong(request.getParameter("id"));
	RegraPlanoCarreira regra = RegraPlanoCarreira.getRegraPorId(regraId);
%>

	<form action="atualizar" method="post">
		
		<input name="id" type="hidden" id="id" value="<%= regra.getRegraPlanoId() %>" />
		
		<div class="inner_center">
			<div class="title" style="width: 250px;">Regra de Plano de Carreira</div>
			
			<p>
			Criar Regra de Plano de Carreira para 
				<select id="tipo" name="tipo" onchange="completa_pagina()">
					<% for (TiposRegraPlanoCarreira tipo : TiposRegraPlanoCarreira.values()) { %>
						<option value="<%= tipo.ordinal() %>" <%= regra.getTipo() == tipo ? "selected=\"selected\"" : "" %>><%= tipo.toString() %></option>
					<% } %>
				</select>
				
				<select id="cargo" name="cargo" style="display:none;" onchange="completa_pagina()">
					<% for (Cargo cargo : Cargo.encontraTodosCargos()) { %>
						<option value="<%= cargo.getCargo_id() %>" 
							<% if(regra.getTipo() == TiposRegraPlanoCarreira.CARGO) { %>
								<%= regra.getCargoAlvo().getCargo_id() == cargo.getCargo_id() ? "selected=\"selected\"" : "" %>
							<% } else if(regra.getTipo() == TiposRegraPlanoCarreira.FUNCIONARIO) { %>
								<%= regra.getColaboradorAlvo().getCargo().getCargo_id() == cargo.getCargo_id() ? "selected=\"selected\"" : "" %>
							<% } %>
						>
							<%= cargo.getNome() %>
						</option>
					<% } %>
				</select>
				
				<span id="select_funcionario"></span>
				
				</p>
				
		</div>
		
		<div id="regra"></div>
		
		<br />
		<div style="float: right; margin: 10px 20px;">
			<input type="submit" class="button" value="Salvar" />&nbsp;&nbsp;|&nbsp;&nbsp;<a href="lista.jsp">Voltar</a>
		</div>
	</form>
	</div>
</div>
</body>
</html>